
[m-role='Textarea'] {
    position: relative;
    padding: 0.5rem;
    border: @border-color solid 1px;
    .m-flex;
    .m-flex-fit;
    .m-flex-middle;
    textarea {
        background: transparent;
        border: none;
        font-size: @size-16;
        box-sizing: border-box;
        width:100%;
        height:100%;
    }
    .text-field-clear {
        position: absolute;
        bottom:0;
        right: 0;
        width: 1.8rem;
        height: 1.8rem;
        display: none;
        cursor: pointer;
        .m-flex-center;
        .m-flex-middle;
        [m-icon='clear'] {
            width: 1.2rem;
            height: 1.2rem;
            background-image: url("");
            background-size: 100%;
        }
    }
    &.show-clear-btn{
        .text-field-clear{
            .m-flex;
        }
    }
}
